<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>123</title>
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
</head>

<body>
    <div class="container">
        <el-radio-group :value="radio" @change="change">
            <el-radio :label="3">备选项</el-radio>
            <el-radio :label="6">备选项</el-radio>
            <el-radio :label="9">备选项</el-radio>
          </el-radio-group>
        <el-button type="primary" @click="getLogin">点击发送请求</el-button>
    </div>
</body>
<script>
    // 请求拦截器 在使用axios发送请求之前,触发,config就是我这一次请求携带的所有的参数
    axios.interceptors.request.use(function (config) {
        console.log(config, 'request');
        // 在发送请求之前做些什么
        return config;
    }, function (error) {
        // 对请求错误做些什么
        return Promise.reject(error);
    });

    // 添加响应拦截器 在使用axios发送请求之后,服务器返回之后,
    axios.interceptors.response.use(function (response) {
        // 2xx 范围内的状态码都会触发该函数。
        // 对响应数据做点什么
        console.log(response, 'response');
        return response;
    }, function (error) {
        // 超出 2xx 范围的状态码都会触发该函数。
        // 对响应错误做点什么
        return Promise.reject(error);
    });
    const app = new Vue({
        el: '.container',
        data: {
            arr: [{
                name: 'zs',
                age: 18,
                checked: false,
            }, {
                name: 'ls',
                age: 30,
                checked: false,
            }, {
                name: 'ww',
                age: 1,
                checked: false,
            }, {
                name: 'zw',
                age: 8,
                checked: false,
            }, {
                name: 'lj',
                age: 50,
                checked: false,
            }],
            str: "&#xe606;",
            radio:3
        },

        methods: {
            getLogin() {
                axios({
                    method: 'post',
                    url: 'http://localhost:7777/login',
                    data: {
                        name: 'zw',
                        age: 22
                    }
                }).then((res) => {
                    console.log(res);
                })
            },
            change(){
                console.log(123);
                return 
            }
        },


    })

</script>

</html>